import React, { useState } from 'react'

export default function App() {
    /**
     * useState: 
     * 1. 作用：给函数组件定义状态数据
     * 2. 语法：let [状态,设置状态的函数] = useState(状态的初始值)
     * 3. 调用setXxx函数[设置状态的函数]，
     *      3-1. 会触发函数组件的重新调用
     *      3-2. setCount改变的不是app作用的count值，改变的是useState缓存的count值
     */
    let [count, setCount] = useState(1)
    console.log('App run')
    return (
        <div>
            <p>count: {count}</p>
            <p><button onClick={()=>{
                setCount(count + 1)
            }}>count++</button></p>
        </div>
    )
}
